<div class="container">
    <h2>My todos</h2>

    <form role="form" ng-submit="addTodo()">
        <div class="row">
            <div class="input-group">
                <input type="text" ng-model="todo" placeholder=" 写下要做的事情 " class="form-control"/>
        <span class="input-group-btn">
          <input type="submit" value="Add" class="btn btn-primary"/>
        </span>
            </div>
        </div>
    </form>

    <p></p>

    <div ui-sortable ng-model="todos">
        <p class="input-group" ng-repeat="todo in todos" style="padding: 5px 10px; cursor: move;">
            <input type="text" ng-model="todo" class="form-control"/>
            <span class="input-group-btn">
              <button class="btn btn-danger" ng-click="removeTodo($index)" aria-label="Remove">X</button>
            </span>
        </p>
    </div>

</div>
